<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>会员中心</title>
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<link rel="stylesheet" type="text/css" href="css/member.css" />
		<link rel="stylesheet" type="text/css" href="css/member_main.css"/>
	</head>

	<body>
		<div id="container">
			<!--设置整个页面居中，需要设定margin并且需要设定width宽度-->
			<!--开头-->
			<div id="header">
				<div id="topbar">					
					你好！
					<a href="/login">登录</a>/
					<a href="/register">注册</a> 我的一帆
				</div>
			</div>			
			<div id="menu">
				<div id="mylogo">
					<img src="img/logo.png" />
				</div>
				<div id="menuad">
					<img src="img/menuad.png" />
				</div>
				<div id="mysearch">
					<!--搜索-->
					<!--搜索-->
					<div id="searchbar">
						<table cellpadding="0" cellspacing="0">
							<tr>
								<td class="search_label">
									<input name="search_keywords" size="12" type="text" class="keywords" data-autocompleter="" value="驱蚊" onfocus="this.value=(this.value=='驱蚊')?'':this.value;" onblur="this.value=(this.value=='')?'驱蚊':this.value;" />
								</td>

								<td><input type="submit" value="搜索" class="btn_search" onfocus='this.blur();' /> </td>
							</tr>
						</table>
					</div>
					<!--搜素标签-->
					<div id="searchtag">
						<ul id="mytags" class="keytags">
							<li>
								<a href="">防晒</a>
							</li>
							<li>
								<a href="">防晒</a>
							</li>
							<li>
								<a href="">防晒</a>
							</li>
							<li>
								<a href="">防晒</a>
							</li>
							<li>
								<a href="">防晒</a>
							</li>
						</ul>
					</div>
				</div>
				<div id="myad">
					<img src="img/myad.png" />
				</div>
			</div>
			<!--logo 搜索  广告-->
			<!--新版导航开始-->
			<div id="nav_bg">
				<div class="yifan_nav_main clearfix">
					<!--所有类别-->
					<div class="fl yf_navmenu_title">
						<!--大标题-->
						<div id="title" class="yifan_nav_all">
							<i class="glyphicon glyphicon-menu-hamburger"></i><span>所有类别</span>
						</div>
						<!--一级分类区域-->
						<div class="yifan_nav_all_panel clearfix" style="">
							<!--左边分类区域-->
							<div class="yifan_nav_sider_left fl">
								<ul class="main_nav">
									<!--一级分类单项-->
									<li class="main_nav_item">
										<a class="title" href="#">美妆个护</a>
										<!--右边分类区域-->
										<div class="yifan_nav_item_panel first clearfix">
											<!--二三级分类左右两部分-->
											<div class="yifan_nav_item_list fl">
												<ul class="second_ul" class="clearfix">
													<li class="yifan_nav_second_list">
														<!--二级分类标题-->
														<h2><a href="#">护肤美容</a></h2>
														<!--三级分类-->
														<div class="yifan_nav_third_panel">
															<ul class="clearfix">
																<li>
																	<a href="#">爽肤水/化妆水</a>
																</li>
																<li>
																	<a href="#">爽肤水</a>
																</li>
																<li>
																	<a href="#">化妆水</a>
																</li>
															</ul>
														</div>
													</li>
													<li class="yifan_nav_second_list">
														<!--二级分类标题-->
														<h2><a href="#">护肤美容</a></h2>
														<!--三级分类-->
														<div class="yifan_nav_third_panel">
															<ul class="clearfix">
																<li>
																	<a href="#">爽肤水/化妆水</a>
																</li>
																<li>
																	<a href="#">爽肤水</a>
																</li>
																<li>
																	<a href="#">化妆水</a>
																</li>
															</ul>
														</div>
													</li>
													<li class="yifan_nav_second_list">
														<!--二级分类标题-->
														<h2><a href="#">护肤美容</a></h2>
														<!--三级分类-->
														<div class="yifan_nav_third_panel">
															<ul class="clearfix">
																<li>
																	<a href="#">爽肤水/化妆水</a>
																</li>
																<li>
																	<a href="#">爽肤水</a>
																</li>
																<li>
																	<a href="#">化妆水</a>
																</li>
															</ul>
														</div>
													</li>
													<li class="yifan_nav_second_list">
														<!--二级分类标题-->
														<h2><a href="#">护肤美容</a></h2>
														<!--三级分类-->
														<div class="yifan_nav_third_panel">
															<ul class="clearfix">
																<li>
																	<a href="#">爽肤水/化妆水</a>
																</li>
																<li>
																	<a href="#">爽肤水</a>
																</li>
																<li>
																	<a href="#">化妆水</a>
																</li>
															</ul>
														</div>
													</li>
												</ul>
											</div>
											<div class="yifan_nav_item_img fl">
												<a href="#"><img src="img/category/category01.jpg" /></a>
											</div>
										</div>
									</li>
									<!--一级分类单项-->
									<li class="main_nav_item">
										<a class="title" href="#">营养保健</a>
										<!--右边分类区域-->
										<div class="yifan_nav_item_panel clearfix">
											<!--二三级分类左右两部分-->
											<div class="yifan_nav_item_list fl">
												<ul class="second_ul" class="clearfix">
													<li class="yifan_nav_second_list">
														<!--二级分类标题-->
														<h2><a href="#">护肤美容</a></h2>
														<!--三级分类-->
														<div class="yifan_nav_third_panel">
															<ul class="clearfix">
																<li>
																	<a href="#">爽肤水/化妆水</a>
																</li>
																<li>
																	<a href="#">爽肤水</a>
																</li>
																<li>
																	<a href="#">化妆水</a>
																</li>
															</ul>
														</div>
													</li>
													<li class="yifan_nav_second_list">
														<!--二级分类标题-->
														<h2><a href="#">护肤美容</a></h2>
														<!--三级分类-->
														<div class="yifan_nav_third_panel">
															<ul class="clearfix">
																<li>
																	<a href="#">爽肤水/化妆水</a>
																</li>
																<li>
																	<a href="#">爽肤水</a>
																</li>
																<li>
																	<a href="#">化妆水</a>
																</li>
															</ul>
														</div>
													</li>
													<li class="yifan_nav_second_list">
														<!--二级分类标题-->
														<h2><a href="#">护肤美容</a></h2>
														<!--三级分类-->
														<div class="yifan_nav_third_panel">
															<ul class="clearfix">
																<li>
																	<a href="#">爽肤水/化妆水</a>
																</li>
																<li>
																	<a href="#">爽肤水</a>
																</li>
																<li>
																	<a href="#">化妆水</a>
																</li>
															</ul>
														</div>
													</li>
													<li class="yifan_nav_second_list">
														<!--二级分类标题-->
														<h2><a href="#">护肤美容</a></h2>
														<!--三级分类-->
														<div class="yifan_nav_third_panel">
															<ul class="clearfix">
																<li>
																	<a href="#">爽肤水/化妆水</a>
																</li>
																<li>
																	<a href="#">爽肤水</a>
																</li>
																<li>
																	<a href="#">化妆水</a>
																</li>
															</ul>
														</div>
													</li>
												</ul>
											</div>
											<div class="yifan_nav_item_img fl">
												<a href="#"><img src="img/category/category02.jpg" /></a>
											</div>
										</div>
									</li>
									<!--一级分类单项-->
									<li class="main_nav_item">
										<a class="title" href="#">母婴用品</a>
										<!--右边分类区域-->
										<div class="yifan_nav_item_panel clearfix">
											<!--二三级分类左右两部分-->
											<div class="yifan_nav_item_list fl">
												<ul class="second_ul" class="clearfix">
													<li class="yifan_nav_second_list">
														<!--二级分类标题-->
														<h2><a href="#">护肤美容</a></h2>
														<!--三级分类-->
														<div class="yifan_nav_third_panel">
															<ul class="clearfix">
																<li>
																	<a href="#">爽肤水/化妆水</a>
																</li>
																<li>
																	<a href="#">爽肤水</a>
																</li>
																<li>
																	<a href="#">化妆水</a>
																</li>
															</ul>
														</div>
													</li>
													<li class="yifan_nav_second_list">
														<!--二级分类标题-->
														<h2><a href="#">护肤美容</a></h2>
														<!--三级分类-->
														<div class="yifan_nav_third_panel">
															<ul class="clearfix">
																<li>
																	<a href="#">爽肤水/化妆水</a>
																</li>
																<li>
																	<a href="#">爽肤水</a>
																</li>
																<li>
																	<a href="#">化妆水</a>
																</li>
															</ul>
														</div>
													</li>
													<li class="yifan_nav_second_list">
														<!--二级分类标题-->
														<h2><a href="#">护肤美容</a></h2>
														<!--三级分类-->
														<div class="yifan_nav_third_panel">
															<ul class="clearfix">
																<li>
																	<a href="#">爽肤水/化妆水</a>
																</li>
																<li>
																	<a href="#">爽肤水</a>
																</li>
																<li>
																	<a href="#">化妆水</a>
																</li>
															</ul>
														</div>
													</li>
													<li class="yifan_nav_second_list">
														<!--二级分类标题-->
														<h2><a href="#">护肤美容</a></h2>
														<!--三级分类-->
														<div class="yifan_nav_third_panel">
															<ul class="clearfix">
																<li>
																	<a href="#">爽肤水/化妆水</a>
																</li>
																<li>
																	<a href="#">爽肤水</a>
																</li>
																<li>
																	<a href="#">化妆水</a>
																</li>
															</ul>
														</div>
													</li>
												</ul>
											</div>
											<div class="yifan_nav_item_img fl">
												<a href="#"><img src="img/category/category03.jpg" /></a>
											</div>
										</div>
									</li>
									<!--一级分类单项-->
									<li class="main_nav_item">
										<a class="title" href="#">家电日用</a>
										<!--右边分类区域-->
										<div class="yifan_nav_item_panel clearfix">
											<!--二三级分类左右两部分-->
											<div class="yifan_nav_item_list fl">
												<ul class="second_ul" class="clearfix">
													<li class="yifan_nav_second_list">
														<!--二级分类标题-->
														<h2><a href="#">护肤美容</a></h2>
														<!--三级分类-->
														<div class="yifan_nav_third_panel">
															<ul class="clearfix">
																<li>
																	<a href="#">爽肤水/化妆水</a>
																</li>
																<li>
																	<a href="#">爽肤水</a>
																</li>
																<li>
																	<a href="#">化妆水</a>
																</li>
															</ul>
														</div>
													</li>
													<li class="yifan_nav_second_list">
														<!--二级分类标题-->
														<h2><a href="#">护肤美容</a></h2>
														<!--三级分类-->
														<div class="yifan_nav_third_panel">
															<ul class="clearfix">
																<li>
																	<a href="#">爽肤水/化妆水</a>
																</li>
																<li>
																	<a href="#">爽肤水</a>
																</li>
																<li>
																	<a href="#">化妆水</a>
																</li>
															</ul>
														</div>
													</li>
													<li class="yifan_nav_second_list">
														<!--二级分类标题-->
														<h2><a href="#">护肤美容</a></h2>
														<!--三级分类-->
														<div class="yifan_nav_third_panel">
															<ul class="clearfix">
																<li>
																	<a href="#">爽肤水/化妆水</a>
																</li>
																<li>
																	<a href="#">爽肤水</a>
																</li>
																<li>
																	<a href="#">化妆水</a>
																</li>
															</ul>
														</div>
													</li>
													<li class="yifan_nav_second_list">
														<!--二级分类标题-->
														<h2><a href="#">护肤美容</a></h2>
														<!--三级分类-->
														<div class="yifan_nav_third_panel">
															<ul class="clearfix">
																<li>
																	<a href="#">爽肤水/化妆水</a>
																</li>
																<li>
																	<a href="#">爽肤水</a>
																</li>
																<li>
																	<a href="#">化妆水</a>
																</li>
															</ul>
														</div>
													</li>
												</ul>
											</div>
											<div class="yifan_nav_item_img fl">
												<a href="#"><img src="img/category/category04.jpg" /></a>
											</div>
										</div>
									</li>
								</ul>
							</div>

						</div>
					</div>
					<!--导航板块-->
					<div class="yf_gnav fl">
						<ul class="clearfix">
							<li>
								<a class="first" href="#">首页</a>
							</li>
							<li>
								<a href="#">@Cosme大奖D.U.O</a>
							</li>
							<li>
								<a href="#">日本胎盘素 Fracora</a>
							</li>
							<li>
								<a href="#">香港直邮</a>
							</li>
						</ul>
					</div>
					<!--购物车-->
					<div class="yifan_cart fr">
						<div class="yifan_cart_panel">
							<i class="glyphicon glyphicon-shopping-cart"></i>购物车
						</div>
					</div>
				</div>
			</div>
			<!--新版导航结束-->
			<!--导航结束-->
			<!--内容开始-->
			<div id="content" class="clearfix">
				<!--外层布局-->
				<!--左栏-->
				<div class="sider_left fl">
					<div class="member_menu">
						<div class="member_menu_item">
							<h2 class="member-menu-title">交易管理</h2>
							<ul>
								<li>
									<a href="#">我的订单</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="member_menu">
						<div class="member_menu_item">
							<h2 class="member-menu-title">评论咨询管理</h2>
							<ul>
								<li>
									<a href="#">未评论商品</a>
								</li>
								<li>
									<a href="#">评论与咨询</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="member_menu">
						<div class="member_menu_item">
							<h2 class="member-menu-title">我的账户</h2>
							<ul>
								<li>
									<a href="#">商品收藏</a>
								</li>
								<li>
									<a href="#">我的订单</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="member_menu">
						<div class="member_menu_item">
							<h2 class="member-menu-title">个人信息管理</h2>
							<ul>
								<li>
									<a href="#">个人信息</a>
								</li>
								<li>
									<a href="#">收货地址</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<!--会员中心主内容区域-->
				<div class="sider_right fr">
					<!--欢迎区域-->
					<div class="menber_welcome">
						<div class="clearfix">
							<div class="member-welcome-tips fl clearfix">
								<!--头像-->
								<div class="tips_left fl">
									<a href="#"><img src="img/member/default_head_img.png" /></a>
								</div>
								<div class="tips_right fl">
									<div class="tips_01 clearfix">
										<img class="fl" src="img/member/center_icon01.png" />
										<a class="fl" href="#">13788888888</a>
									</div>
									<div class="tips_02 clearfix">
										<div class="tips_level fl">
											<img src="img/member/level1.png" />
										</div>
										<span class="fl">
                                  	  	 		我的成长值:<b>0</b>分
                                  	  	 	</span>
									</div>
									<div class="tips_03">
										<a href="#">查看成长值记录</a>
									</div>
								</div>
							</div>
							<div class="member-welcome-desc fl">
								<ul class="clearfix">
									<li>
										<a href="#"><img src="img/member/center_orders.png" /></a>我的订单</li>
									<li>
										<a href="#"><img src="img/member/center_address.png" /></a>我的收货地址</li>
									<li>
										<a href="#"><img src="img/member/center_coupon.png" /></a>我的优惠券</li>
									<li>
										<a href="#"><img src="img/member/center_jifen.png" /></a>我的积分</li>
								</ul>
							</div>
						</div>
						<div class="member-welcome-alert">
							<a href="#">未付款订单<span>0</span></a><span>|</span>
							<a href="#">到货通知<span>0</span></a><span>|</span>
							<a href="#">评论回复<span>0</span></a>

						</div>
					</div>
					<!--订单区域-->
					<div class="member_order">
						<div class="member-mod-title">
							<h2>最近的订单</h2>
						</div>
						<div class="member-mod-content">
							<table>
								<thead>
								<tr>
									<th>订单号</th>
									<th>金额</th>
									<th>下单时间</th>
									<th>订单状态</th>
									<th>支付方式</th>
									<th>操作</th>
								</tr>
								</thead>
								<tr class="no-information"><td colspan="6">暂无订单</td></tr>
							</table>
						</div>
					</div>
					<!--收藏区域-->
					<div class="member_fav">
						<div class="member-fav-title">
							<h2>最近的收藏</h2>
						</div>
						<div class="member-fav-content">
							<table>
								<tr class="no-information"><td colspan="6">暂无收藏</td></tr>
							</table>
							
						</div>
					</div>
				</div>
			</div>
			<!--内容结束-->
			<!--footer开始-->
			<div id="footer">
				<div class="ft_nav">
					<a><img src="img/ad/ft_nav_ad.png" /></a>
				</div>
				<div class="foot_info">

					<div class="footerinfo clearfix">
						<div class="ft_footer_logo">
							<img src="img/footer_logo.png" />
							<ul class="footer_appBlock clearfix">
								<li>关注我们：</li>
								<li class="icon"><img src="img/footer-icon-wb.png" /></li>
								<li class="icon"><img src="img/footer-icon-wx.png" /></li>
								<li class="icon"><img src="img/footer-icon-app.png" /></li>
							</ul>
						</div>

						<div class="ft_infolist">
							<div class="footerlist">
								<div class="footer_item">
									<h3>购物指南</h3>
									<div class="body">
										<ul>
											<li>
												<a href="#">购物流程</a>
											</li>
											<li>
												<a href="#">购物流程</a>
											</li>
											<li>
												<a href="#">购物流程</a>
											</li>
											<li>
												<a href="#">购物流程</a>
											</li>
										</ul>
									</div>
								</div>
								<div class="footer_item">
									<h3>购物指南</h3>
									<div class="body">
										<ul>
											<li>
												<a href="#">购物流程</a>
											</li>
											<li>
												<a href="#">购物流程</a>
											</li>
											<li>
												<a href="#">购物流程</a>
											</li>
											<li>
												<a href="#">购物流程</a>
											</li>
										</ul>
									</div>
								</div>
								<div class="footer_item">
									<h3>购物指南</h3>
									<div class="body">
										<ul>
											<li>
												<a href="#">购物流程</a>
											</li>
											<li>
												<a href="#">购物流程</a>
											</li>
											<li>
												<a href="#">购物流程</a>
											</li>
											<li>
												<a href="#">购物流程</a>
											</li>
										</ul>
									</div>
								</div>
								<div class="footer_item">
									<h3>购物指南</h3>
									<div class="body">
										<ul>
											<li>
												<a href="#">购物流程</a>
											</li>
											<li>
												<a href="#">购物流程</a>
											</li>
											<li>
												<a href="#">购物流程</a>
											</li>
											<li>
												<a href="#">购物流程</a>
											</li>
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>

				</div>

				<div class="ft_nav2">
					<a href="#">关于我们</a>|
					<a href="#">隐私保护</a>|
					<a href="#">媒体关注</a>|
					<a href="#">注册</a>

				</div>
				<div class="ft_copyright">
					Copyright ©2013-2016
				</div>
			</div>
			<!--footer结束-->
		</div>
	</body>

</html>